<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Документ без названия</title>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>

<body>

<div class="container">
    <div class="header"><a href="#"><img src="" alt="Место для логотипа" name="Insert_logo" width="180" height="90"
                                         id="Insert_logo" style="background: #C6D580; display:block;"/> </a>
        <!-- end .header --></div>
    <div class="sidebar1">
        <ul class="nav">
            <li><a href="#">Первая ссылка</a></li>
            <li><a href="#">Вторая ссылка</a></li>
            <li><a href="#">Третья ссылка</a></li>
            <li><a href="intra.faces">Intra</a></li>
        </ul>
        <p> Вышеуказанные ссылки демонстрируют базовую структуру навигации с использованием неупорядоченного списка,
            стилизованного при помощи CSS. Взяв ее за отправную точку и изменяя свойства, можно создать свой
            неповторимый дизайн. Если нужны выпадающие меню, их можно создать при помощи a Spry menu — мини-приложения
            menu из Adobe Exchange или ряда других инструментов javascript или CSS.</p>

        <p>Если нужна навигация вдоль верха, просто перенесите ul.nav в верх страницы и заново создайте стиль.</p>
        <!-- end .sidebar1 --></div>
    <div class="content">
        <h1>Инструкции</h1>

        <p>Помните, что в CSS этих макетов много комментариев. Если большинство операций выполняется в представлении
            Дизайн то имеет смысл посмотреть на код. Там есть советы по использованию CSS при работе с фиксированными
            макетами. Перед запуском сайта комментарии можно удалить. Чтобы узнать больше о техниках используемых в этих
            макетах CSS прочтите следующую статью в Центре разработки Adobe: <a
                    href="http://www.adobe.com/go/adc_css_layouts">http://www.adobe.com/go/adc_css_layouts</a>
        </p>

        <h2>Метод очистки</h2>

        <p>Поскольку все столбцы обтекаемые, в этом макете в правиле .footer используется объявление clear:both. Эта
            техника очистки заставляет .container видеть места окончания столбцов, чтобы показать все границы или
            фоновые цвета, помещенные в .container. Если требуется удалить .footer из .container, то понадобится другой
            метод очистки. Надежнее всего будет добавить &lt;br class="clearfloat" /&gt; or &lt;div class="clearfloat"&gt;&lt;/div&gt;
            после последнего обтекаемого столбца (но до закрытия .container). Эффект очистки будет аналогичным.</p>

        <h3>Вставка логотипа</h3>

        <p>В этом макете установлен заполнитель рисунка — в .header, где, скорее всего, будет размещен логотип.
            Рекомендуется удалить заполнитель и заменить его своим логотипом со ссылкой. </p>

        <p> Помните, что при использовании инспектора свойств для перехода к своему логотипу при помощи поля SRC (вместо
            удаления и замены заполнителя) следует удалить встроенный фон и свойства экрана. Эти встроенные стили
            предназначены только для того, чтобы отображать заполнитель в браузере. </p>

        <p>Чтобы удалить встроенные стили, убедитесь, что для панели "Стили CSS" установлено значение "Текущий".
            Выберите изображение и в области "Свойства" на панели "Стили CSS" щелкните правой кнопкой мыши и удалите
            свойства экрана и фона. (Также всегда можно перейти прямо в код и удалить встроенные стили из изображения
            или заполнителя в коде.)</p>
        <h4>Фоны</h4>

        <p>По своей сути фоновый цвет отображается в любом DIV только по длине содержимого. Это значит, что если фоновый
            цвет или граница используется для создания образа бокового столбца, то они распространяются не до нижнего
            колонтитула, а только до того места, где кончается содержимое. Если DIV .content должен содержать больше
            информации, можно поместить в нем границу, чтобы отделить его от столбца.</p>
        <!-- end .content --></div>
    <div class="footer">
        <p>Этот .footer содержит объявление position:relative, чтобы Internet Explorer 6 получил hasLayout для .footer и
            правильно выполнил очистку. Если вам не нужна поддержка IE6, этот .footer можно удалить.</p>
        <!-- end .footer --></div>
    <!-- end .container --></div>
<script type="text/javascript">
    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
</script>
</body>
</html>
